﻿@{ Layout = null; }
@using ES.Models
@model ES.Models.HomeVm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        @{Html.RenderPartial("HeadContent");}
    </head>
    <body>
        <!-- Top -->
        <div id="top">
            <div class="shell">
                <!-- Header -->
                <div id="header">
                    <h1 id="logo">
                        <a href="#">E ticaret Sistemi</a></h1>
                    @{ Html.RenderPartial("Navigation"); }
                </div>
                <!-- End Header -->
                <!-- Slider -->
                <div id="slider">
                    <div id="slider-holder">
                        <ul>
                            <li><a href="#">
                                    <img src="/Content/themes/Thema1/css/images/slide1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                    <img src="/Content/themes/Thema1/css/images/slide2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                    <img src="/Content/themes/Thema1/css/images/slide1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                    <img src="/Content/themes/Thema1/css/images/slide2.jpg" alt="" /></a></li>
                            <li><a href="#">
                                    <img src="/Content/themes/Thema1/css/images/slide1.jpg" alt="" /></a></li>
                            <li><a href="#">
                                    <img src="/Content/themes/Thema1/css/images/slide2.jpg" alt="" /></a></li>
                        </ul>
                    </div>
                    <div id="slider-nav">
                        <a href="#" class="prev">Geri</a> <a href="#" class="next">İleri</a>
                    </div>
                </div>
                <!-- End Slider -->
            </div>
        </div>
        <!-- Top -->
        <!-- Main -->
        <div id="main">
            <div class="shell">
                <!-- Search, etc -->
                @{ Html.RenderPartial("Options"); }
                <!-- End Search, etc -->
                <!-- Content -->
                <div id="content">
                    <!-- Tabs -->
                    <div class="tabs">
                          @{ Html.RenderPartial("CategoryList"); }
                    </div>
                  
                    <!-- Tabs -->
                    <!-- Container -->
                    <div id="container">
                        <div class="tabbed">
                            <!-- First Tab Content -->
                            @foreach (dynamic category in ViewBag.CategoryList)
                            {
                                <div class="tab-content" style="display: block; float: left;">
                                    <div class="items">
                                        <div class="cl">
                                            &nbsp;</div>
                                        <ul>
                                            @foreach (Product item in Model.ProductList.Where(d => d.CategoryId == category.Id).Take(8))
                                            {
                                                <li>
                                                    @{Html.RenderPartial("SimpleProduct",item);}
                                                </li>
                                            }
                                        </ul>
                                        <div class="cl">
                                            &nbsp;</div>
                                    </div>
                                </div>
                            }
                        </div>
                        <!-- Brands -->
                        @{ Html.RenderPartial("BrandList"); }
                        <!-- End Brands -->
                        <!-- Footer -->
                        @{ Html.RenderPartial("FooterList"); }
                        <!-- End Footer -->
                    </div>
                    <!-- End Container -->
                </div>
                <!-- End Content -->
            </div>
        </div>
        <!-- End Main -->
    </body>
</html>